<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/sys/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>修改个人信息</title>
<%@ include file="/WEB-INF/sys/include/css.jsp"%>
</head>
<body>
<form id="form" action="${path}/user/updateSelf.json" method="post">
<div class="form">
	<div class="title">修改个人信息</div>
	<div class="group">
		<div class="label">登录账号:</div>
		<div class="text">${user.login_name }</div>
	</div>
	<div class="group">
		<div class="label">*展示名称:</div>
		<div class="item"><input type="text" name="username" id="username" maxlength="50" value="${user.username }" /></div>
	</div>
	<div class="group">
		<div class="label">手机号码:</div>
		<div class="item"><input type="text" name="phone" id="phone" maxlength="20" value="${user.phone }" /></div>
	</div>
	<div class="group">
		<div class="label">Email:</div>
		<div class="item"><input type="text" name="email" id="email" maxlength="50" value="${user.email }" /></div>
	</div>
	<div class="buttons">
		<button class="highlight" id="submit1" type="button">确定</button>
		<button type="button" id="cancel1">取消</button>
		<input type="hidden" id="userid" name="userid" value="${user.userid}" />
	</div>
</div>
</form>
<%@ include file="/WEB-INF/sys/include/script.jsp" %>
<script type="text/javascript">
$(function() {
	$("#form").ligerForm({inputWidth: 300});
	
	verifyForm("form", {}, function(){
		$("#form").ajaxForm(function(data){
			UiUtil.isSuccess(data, "修改个人信息成功", function(){
				UiUtil.closeForm(true);
			});
		});
	});
	
	$("#submit1").click(function(){
		UiUtil.lockButton('submit1');
		$("#form").submit();
	});
	$("#cancel1").click(function(){
		UiUtil.closeForm();
	});
});
</script>
</body>
</html>